<template lang="pug">
  tab-wrapper(name="resource_videos")
    //- template(slot-scope="scope")
    //-   component(:is="scope.componentId")
</template>
<script>
import TabWrapper from '@/pages/TabWrapper'
import Law from './Law'
import Voilate from './Voilate'

export default {
  props: {
    componentId: {
      type: String,
      default: ''
    }
  },
  components: {
    TabWrapper,
    lawVideo: Law,
    monitorVideo: Voilate
  },
  watch: {
    componentId (val) {
      console.log(val)
    }
  }
}
</script>
